﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Potential Duplicate Records Detected</title>
    <script type="text/javascript" src="scripts/jquery_1.9.1.min.js"></script>
    <script type="text/javascript" src="scripts/Xrm.ShowDupes.js"></script>
    <style type="text/css">
        body {
            font-family: Segoe\000020UI,Tahoma,Arial;
            font-size: 12px;
            margin: 3px;
        }

        #message {
            font-size: 14px;
            font-weight: bold;
            color: #1e395b;
        }

        #buttons {
            font-size: 12px;
            font-weight: normal;
            text-transform: uppercase;
            white-space: nowrap;
        }

        #records {
            padding: 5px;
        }

        ul {
            height: 28px;
            list-style: none outside none;
            padding-left: 0;
        }

        li {
            display: inline;
            line-height: 28px;
        }

            li a {
                color: #444444;
                display: inline-block;
                padding-left: 6px;
                padding-right: 6px;
                text-decoration: none;
                vertical-align: middle;
            }

                li a:hover {
                    background-color: #d7e8f9;
                    cursor: default;
                }

        table {
            border-collapse: separate;
            border-color: gray;
            border-spacing: 0;
            display: table;
            height: 100%;
            text-align: left;
            white-space: nowrap;
            width: 100%;
        }

        tbody {
            border-color: inherit;
            display: table-row-group;
            vertical-align: middle;
        }

        th {
            border-bottom: 1px solid #666666;
            border-top: 1px solid #666666;
            color: #666666;
            display: table-cell;
            font-size: 12px;
            font-weight: normal;
            padding: 5px 10px 5px 5px;
            text-align: left;
            white-space: nowrap;
        }

        tr {
            border-color: inherit;
            display: table-row;
            vertical-align: inherit;
        }

        td {
            color: #000000;
            font-size: 11px;
            padding: 5px 15px 5px 10px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        table a {
            color: #000000;
            cursor: pointer;
            font-size: 12px;
            font-family: Segoe\000020UI, Arial, sans-serif;
            text-decoration: underline;
            font-weight: 700;
        }

        select {
            color: #000000;
            font-family: Segoe\000020UI, Arial, sans-serif;
            font-size: 12px;
            font-weight: 700;
        }

        #neverSaveMessage {
            background-color: #FFFFAE;
            color: #000000;
            font-size: 11px;
            height: 16px;
            padding: 5px;
            text-transform: none;
        }

        img {
            border: none;
            height: 14px;
            padding-bottom: 3px;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <div id="buttons">
        <ul>
            <li id="cancel">
                <a href="#">
                    <img src="images/CloseIcon.png" alt="Cancel" />
                    <span>Cancel</span> </a>
            </li>
            <li id="neverShow">
                <a href="#">
                    <img src="images/NeverShowIcon.png" alt="Cancel" />
                    <span>Save And Quit Showing</span>
                </a>
            </li>
            <li id="saveRecord">
                <a href="#">
                    <img src="images/SaveIcon.png" alt="Cancel" />
                    <span>Save Anyway</span>
                </a>
            </li>
        </ul>
        <div id="neverSaveMessage" style="display: none;">Your administrator has disabled saving of duplicate records.</div>
    </div>
    <div id="message">
    </div>
    <br />
    <div style="padding: 8px;">
        <div style="float: left;">My updated record:</div>
    </div>
    <br />
    <div id="current" style="overflow-x: scroll; padding-bottom: 10px;">
    </div>
    <br />
    <div style="padding: 8px;">
        <div style="float: left;">Potential duplicate records:</div>
        <div style="float: right;">
            # of duplicates
            <select id="recordType"></select>
        </div>
    </div>
    <br />
    <div id="records" style="overflow-x: scroll; padding-bottom: 10px;">
    </div>
</body>
</html>
